<template>
  <div>
    <div class="pad-t-23 pad-l-20 pad-b-22 subject bgc-white">
      <span class="font-16 font-color-3">安全中心</span>
    </div>
    <div class="bgc-white">
      <account-security />
    </div>
    <div class="pad-t-23 pad-l-20 pad-b-22 subject mar-t-10 bgc-white">
      <span class="font-16 font-color-3">授权绑定</span>
    </div>
    <div>
      <author-bind />
    </div>
  </div>
</template>

<script lang="ts">
import AccountSecurity from './components/AccountSecurity/index.vue'
import AuthorBind from './components/AuthorBind/index.vue'
import { defineComponent } from 'vue'

export default defineComponent({
  components: {
    AccountSecurity,
    AuthorBind
  },
  setup() {

  }
})
</script>

<style lang="scss" scoped>
.subject {
  border-bottom: 1px solid #F5F6FA;
}
</style>
